<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Untitled Document</title>
		<script src="jquery-ui-1.8.10.custom/js/jquery-1.4.4.min.js"></script>
		<script src="jquery-ui-1.8.10.custom/development-bundle/ui/jquery.ui.core.js"></script>
		<script src="jquery-ui-1.8.10.custom/development-bundle/ui/jquery.ui.widget.js"></script>
		<script src="jquery-ui-1.8.10.custom/development-bundle/ui/jquery.ui.mouse.js"></script>
		<script src="jquery-ui-1.8.10.custom/development-bundle/ui/jquery.ui.accordion.js"></script>
		
		<link rel="stylesheet" type="text/css" href="jquery-ui-1.8.10.custom\css\ui-lightness\jquery-ui-1.8.10.custom.css">
		
		<script>
			$(function() {
				$( "#accordion" ).accordion();
			});
		</script>
		
		<style>
			div {width: 450px; height: 350px;}
			h3 {width: 525px;}
		</style>
		
	</head>
	<body>
		
		<div id="accordion">
			<h3><a href="#">Task1</a></h3>
			<div>
				<p>Description</p>
				<img src="KIO_1_ru.swf/preview.gif" onmouseover=this.src='KIO_1_ru.swf/out.gif' onmouseout=this.src='KIO_1_ru.swf/preview.gif'></img><br/>
			</div>
			<h3><a href="#">Task2</a></h3>
			<div>
				<img src="KIO_1_ru1.swf/preview.gif" onmouseover=this.src='KIO_1_ru1.swf/out.gif' onmouseout=this.src='KIO_1_ru1.swf/preview.gif'></img><br/>
			</div>
			<h3><a href="#">Task3</a></h3>
			<div>
				<img src="KIO_2_ru.swf/preview.gif" onmouseover=this.src='KIO_2_ru.swf/out.gif' onmouseout=this.src='KIO_2_ru.swf/preview.gif'></img><br/>
			</div>
			<h3><a href="#">Task4</a></h3>
			<div>
				<img src="KIO_2_ru2.swf/preview.gif" onmouseover=this.src='KIO_2_ru2.swf/out.gif' onmouseout=this.src='KIO_2_ru2.swf/preview.gif'></img><br/>
			</div>
		</div>
		
	</body>
</html>
